<!--
  ~ Copyright (c) 2024, Oracle and/or its affiliates.
  ~
  ~   This software is dual-licensed to you under the Universal Permissive License
  ~   (UPL) 1.0 as shown at https://oss.oracle.com/licenses/upl or Apache License
  ~   2.0 as shown at http://www.apache.org/licenses/LICENSE-2.0. You may choose
  ~   either license.
  ~
  ~   Licensed under the Apache License, Version 2.0 (the "License");
  ~   you may not use this file except in compliance with the License.
  ~   You may obtain a copy of the License at
  ~
  ~      https://www.apache.org/licenses/LICENSE-2.0
  ~
  ~   Unless required by applicable law or agreed to in writing, software
  ~   distributed under the License is distributed on an "AS IS" BASIS,
  ~   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~   See the License for the specific language governing permissions and
  ~   limitations under the License.
  ~
  ~
  -->

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
</head>
<body>
<div th:fragment="workshop_main" class="p-1">
    <form id="emplistform" hx-get="userlist" hx-target="#emplist"
          hx-vals='js:{uuid: demoAppUuid}'>
        <div class="p-1">
            <div class="form-check" data-bs-toggle="tooltip"
                 data-bs-placement="right"
                 title="Activate the interceptor or not">
                <input type="checkbox" class="form-check-input"
                       id="use-interceptor" name="useInterceptor" value="true"
                       th:checked="${param.useInterceptor} ? 'checked'">
                <label class="form-check-label" for="use-interceptor">Use
                    Statement interceptor</label>
            </div>

        </div>
        <div class="d-flex">
            <div class="p-2 flex-grow-1">
                <input class="form-control" type="text" id="q" name="q"
                       placeholder="ex. Employee 1, nothing to get all" th:value="${param.q}">
            </div>
            <div class="p-2">

                <button id="searchsubmit" type="submit" class="btn btn-primary">
                    <div class="d-flex align-items-center">
                        <div class="me-1">Submit</div>
                        <div id="requestSpinner" class="d-none spinner-grow spinner-grow-sm text-danger" role="status"/>
                    </div>

                </button>
            </div>
        </div>
    </form>

    <div id="emplist" class="p-5">


    </div>


</div>

</body>
</html>
